<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>VIP Application</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

<body style="padding-top: 38px">
<header class="normal_header"  style="display: flex;justify-content: space-between">
    <div class="">
        <a href="javascript:history.go(-1)" style="display: flex;align-items: center">
            <img src="__IMG__/ex/back_black.png" alt="" style="width: .2rem;padding-right: .1rem">
            <span style="font-size: .32rem">VIP Account</span>
        </a>
    </div>
    <img src="__IMG__/ex/shenglue.png" alt="" width="25rem">
</header>
<section class="change_content">
<!--    <div class="flex_box">-->
<!--        <p>赠送额度</p>-->
<!--        <img src="__IMG__/ex/head.png" alt="" width="25rem">-->
<!--        <p>SWEET&nbsp;100万</p>-->
<!--    </div>-->

    <div class="container_box">
       <div class="pos_box">
            <div class="reviewing">
                <div>
                    <img src="/Public/Home/images/ex/point.png" alt="">
                    <br>
                    <p>Application accepted</p>
                </div>
                <div>
                    <img src="/Public/Home/images/ex/point.png" alt="">
                    <br>
                    <p>In process</p>
                </div>
                <div>
                    <img src="/Public/Home/images/ex/point.png" alt="">
                    <br>
                    <p>Under review</p>
                </div>
                <div>
                    <img src="/Public/Home/images/ex/point.png" alt="">
                    <br>
                    <p>Audit completed</p>
                </div>
            </div>

           <div>
               <p  style="text-align: center;color: #A9A9A9;padding-top: 1rem">Hello! Your application for VIP user is being reviewed, please wait patiently</p>
           </div>
           <div class="line">

           </div>
       </div>
    </div>
    <style>
        .line{
            width: 80%;
            border-bottom: 1px solid #000;
            position: absolute;
            top:2rem;
            background: transparent;
        }
        .container_box div{
            padding: 0;
        }
        .reviewing{
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        .reviewing div{
            width: 100%;
            text-align: center;
            white-space: nowrap;
        }
        .reviewing{
            display: inline-flex;
            justify-content: space-around;
            align-items: center;
        }
        .reviewing img{
            width: 15px;
        }
        .container_box{
            /*position: relative;*/
            padding: .2rem 0;
        }
        table{
            font-size: .24rem;
            text-align: center;
        }
        table tr td:first-child{
            width: 2.5rem;
        }
        table tr td{
            vertical-align: middle;
        }
        td{
            border: 1px solid black;
        }
        .login_btn{
            font-size: 17px;
        }
    </style>

</section>
<!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>-->
<script src="__COMMON__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/lib/layer/layer.js"></script>
<script>
    $(".btn_box").click(function () {
        let money=$(".usdt_money").text();
        $("#amount").val(money);
    });
    // $("#agent_level").change(function () {
    //     if($(this).val()==1){
    //         $(".rengou").text('1万');
    //     }
    //     if($(this).val()==2){
    //         $(".rengou").text('10万');
    //     }
    // })

    $('#sub').click(function () {
        let amount=$("#amount").val();
        if(amount==''||amount<=0){
            layer.msg('Please enter the correct amount');return false;
        }
        layer.confirm('Are you sure to apply for VIP？',function(){
            $.ajax({
                type: "post",
                // url: "{:U('property/sub_agent')}",
                url: "__ACTION__",
                data: {
                    amount:amount
                },
                dataType: "json",
                success: function (data) {
                    if (data.code == 1) {
                        // alert(data.message);
                        layer.msg(data.message);return false;
                    } else {

                        // alert(data.message);
                        layer.msg(data.message); return false;
                        window.location.reload();
                    }
                }
            });
        });
        // if(confirm('确认申请VIP吗')){
        //     $.ajax({
        //         type: "post",
        //         // url: "{:U('property/sub_agent')}",
        //         url: "__ACTION__",
        //         data: {
        //         },
        //         dataType: "json",
        //         success: function (data) {
        //             if (data.code == 1) {
        //                 // alert(data.message);
        //                 layer.msg(data.message);
        //             } else {
        //                 // alert(data.message);
        //                 layer.msg(data.message);
        //                 window.location.reload();
        //             }
        //         }
        //     });
        // }

    });
</script>
</body>

</html>